body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;
}

.main .top .tips {
    font-weight: 500;
    font-size: .36rem;
    color: var(--dcl);
}

.main .top > img {
    width: 2.18rem;
    height: 2.26rem;
}

.main .card {
    background: var(--ff);
    border-radius: .20rem;
}

.main .card .icon {
    width: 1.10rem;
    height: 1.10rem;
}

.main .card .left .fast {
    margin-bottom: .18rem;
}

.main .card .left .con {
    margin-top: .26rem;
    margin-bottom: .5rem;
    margin-left: .3rem;
}

.main .card .left .text {
    font-weight: 500;
    font-size: .32rem;
    color: var(--dcl);
}

.main .card .tel {
    background: linear-gradient(-90deg, var(--bd) 0%, var(--bd1) 100%);
    border-radius: .28rem;
    text-align: center;
    padding: .12rem .32rem;
    color: var(--ff);
}

.main .card .tel a {
    color: var(--ff);
}

.main .card .qrcode img {
    width: 2.68rem;
    height: auto;
}

.main .card .qrcode .gray {
    font-size: var(--default-font-size-26);
    color: var(--c9);
    text-align: center;
    margin-top: .2rem;
}